<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
   <meta charset="UTF-8">
   <title></title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!--====== Favicon Icon ======-->
   <link rel="shortcut icon" href="/images/favicon.png" type="image/png">

   <!--====== Bootstrap CSS ======-->
   <link rel="stylesheet" href="/css/bootstrap.min.css">

   <link rel="stylesheet" href="/css/new.css">
</head>
<body>
    <header th:fragment="header">
       <div class="ai-contain">
          <div class="ht">
             <div class="h-title">欢迎来到百模论剑官方网站</div>
             <div class="h-login"><a th:href="@{/uis/loginUI}">登陆</a> | <a th:href="@{/uis/registerUI}">注册</a></div>
          </div>
          <div class="hi">
          </div>
       </div>
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
          <div class="ai-contain">
             <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                   <li class="nav-item active">
                      <a class="nav-link" th:href="@{/}">首页 <span class="sr-only">(current)</span></a>
                   </li>
                   <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         大赛信息
                      </a>
                      <div class="dropdown-menu" aria-labelledby="aboutDropdown">
                         <a class="dropdown-item" href="#" th:onclick="handleClick('rule')">大赛规程</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('enroll')">报名指南</a>
                         <a class="dropdown-item" th:href="@{/uis/searchUI}" >证书查询</a>
<!--                         <a class="dropdown-item" href="#">往届回顾</a>-->
                      </div>
                   </li>
<!--                   <li class="nav-item">-->
<!--                      <a class="nav-link" href="#" th:onclick="handleClick('welfare')">公益行</a>-->
<!--                   </li>-->
                   <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="productsDropdown" role="button"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         公益行
                      </a>
                      <div class="dropdown-menu" aria-labelledby="productsDropdown">
                         <a class="dropdown-item" href="#" th:onclick="handleClick('welfare-person')">人才成长计划</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('welfare-company')">企业成长计划</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('welfare-tech')">科研创新计划</a>
                      </div>
                   </li>
                   <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="cooperDropdown" role="button"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         对外合作
                      </a>
                      <div class="dropdown-menu" aria-labelledby="cooperDropdown">
                         <a class="dropdown-item" href="#" th:onclick="handleClick('cooper-company')">企业合作</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('cooper-person')">个人合作</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('cooper-college')">高校合作</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('cooper-business')">商务合作</a>
                      </div>
                   </li>
                   <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         关于我们
                      </a>
                      <div class="dropdown-menu" aria-labelledby="servicesDropdown">
                         <a class="dropdown-item" href="#" th:onclick="handleClick('org')">组织机构</a>
                         <a class="dropdown-item" href="#" th:onclick="handleClick('tel')">联系我们</a>
                      </div>
                   </li>
                </ul>
             </div>
          </div>
       </nav>
    </header>

<!--====== Jquery js ======-->
<script src="/js/jquery-1.12.4.min.js"></script>

<!--====== Bootstrap js ======-->
<script src="/js/bootstrap.min.js"></script>

<!--====== index  common js ======-->
<script src="/js/index.js"></script>
<script src="/js/common.js"></script>
</body>
</html>
